@import "../common.scss";

body {
	background-color: #fff;
}

.content {
	padding: ws(65/2);
	padding-top: ws(15);
	padding-bottom: ws(50);
	.data {
		padding: ws(20);
		display: flex;
		flex-direction: column;
		align-items: center;
		background-color: #ffffff;
		box-shadow: 0 ws(3/2) ws(30/2) 0 rgba(24, 127, 217, 0.2);
		border-radius: ws(10);
		.portrait {
			width: ws(50);
			height: ws(50);
			border-radius: 50%;
			background: #eee;
			overflow: hidden;
			>img {
				width: 100%;
				height: 100%;
				border-radius: 50%;
				object-fit: cover;
			}
		}
		.name {
			text-align: center;
			padding-bottom: ws(10);
			margin-bottom: ws(10);
			@include border-line(#e4e1e1, bottom);
		}
	}
	.desc {
		margin-top: ws(75/2);
		display: flex;
		flex-direction: column;
		padding: ws(30) ws(30);
		padding-bottom: ws(20);
		background-color: rgba($main-color, .1);
		border-radius: ws(15);
		position: relative;
		.icon {
			position: absolute;
			top: ws(-15);
			left: 0;
			right: 0;
			margin: auto;
			width: ws(164/2);
			height: ws(61/2);
			display: flex;
			align-items: center;
			justify-content: center;
			color: #fff;
			font-size: ws(15);
			background-color: rgba($main-color, .8);
			border-radius: ws(15);
		}
	}
	.remark {
		display: flex;
		flex-direction: column;
		align-items: center;
		.icon {
			width: ws(38/2);
			height: ws(38/2);
			>img {
				width: 100%;
				height: 100%;
			}
		}
		.text {
			font-size: ws(13);
			line-height: ws(42/2);
			color: #414141;
			width: ws(180);
			text-align: center;
		}
	}
	
	.car-desc{
		margin-top: ws(50/2);
		font-size: ws(15);
		display: flex;
		flex-direction: column;
		> div{
			margin-bottom: ws(10);
		}
	}
	
	.ipone-btn {
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		height: ws(100/2);
		font-size: ws(18);
		color: #fff;
		display: flex;
		align-items: center;
		justify-content: center;
		background-image: linear-gradient(45deg,
		rgba(36, 139, 214, 0.7) 0%,
		rgba(63, 168, 244, 0.7) 100%),
		linear-gradient( #4fa8e9,
		#4fa8e9);
		border-radius: ws(20) ws(20) 0 0;
		box-shadow: 0 ws(-2) ws(30/2) 0 rgba(24, 127, 217, 0.2);
	}
}
